<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>my_center_data</title>
    <!--[if gte IE 9]>
    <script src='assets/libs/jquery.js'  type="text/javascript"></script>
    <script src="assets/libs/flexie.js" type="text/javascript"></script>
    <![endif]-->
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/achievement.css">
</head>
<body>
<section>
    <div class="achievement_left">
        <div class="achievement_choose">
            <span>个人中心</span>
            <img class="active" src="static/img/ic_leftToNext.png" alt="">
        </div>
        <ul class="achievement_choose_hidden active">
            <li class="active"><a href="my_center_data.html">我的信息</a></li>
            <li><a href="my_center_wallet.html">我的钱包</a></li>
            <li><a href="my_center_AccountSecurity.html">账号安全</a></li>
        </ul>
    </div>
    <div class="my_center_data_right">
        <ul class="my_center_data_right_list">
            <li>
                <p class="my_center_data_tip my_center_data_tip_top">昵称：</p>
                <div class="my_center_data_main">
                    <input type="text" class="my_center_data_inputStyle" value="妈的智障">
                    <p class="my_center_data_inputRemark">请输入4-20位字符，支持中英文、数字、下划线或中划线
                        修改昵称会造成已发布动态中@你的昵称失效</p>
                </div>
            </li>
            <li>
                <p class="my_center_data_tip">地区：</p>
                <div class="my_center_data_main">
                    <div class="my_center_data_sel my_center_data_sel_prev">
                        <div class="my_center_data_sel_showBox">
                            <span class="my_center_data_sel_choosed">直辖市</span>
                            <i class="my_center_data_sel_logo"></i>
                        </div>
                        <ul class="my_center_data_sel_hiddenBox">
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">新疆维吾尔族自治区</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                        </ul>
                    </div>
                    <div class="my_center_data_sel my_center_data_sel_city">
                        <div class="my_center_data_sel_showBox">
                            <span class="my_center_data_sel_choosed">不限</span>
                            <i class="my_center_data_sel_logo"></i>
                        </div>
                        <ul class="my_center_data_sel_hiddenBox">
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">新疆维吾尔族自治区</li>
                            <li class="my_center_data_sel_list my_center_data_sel_choosed">妈的智障01</li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <p class="my_center_data_tip">性别：</p>
                <ul class="my_center_data_main">
                    <li class="my_center_data_sex">
                        <i class="my_center_data_sex_logo active"></i>
                        <span class="my_center_data_sel_choosed">男</span>
                    </li>
                    <li class="my_center_data_sex">
                        <i class="my_center_data_sex_logo"></i>
                        <span class="my_center_data_sel_choosed">男</span>
                    </li>
                    <li class="my_center_data_sex">
                        <i class="my_center_data_sex_logo"></i>
                        <span class="my_center_data_sel_choosed">男</span>
                    </li>
                </ul>
            </li>
            <li>
                <p class="my_center_data_tip">日期：</p>
                <div class="my_center_data_main">
                    <div class="my_center_data_date_box">
                        <input type="text" id="date"  class="my_center_data_date_input">
                        <i class="my_center_data_date_logo"></i>
                    </div>
                </div>
            </li>
            <li>
                <p class="my_center_data_tip">个性签名：</p>
                <div class="my_center_data_main">
                    <input type="text"  class="my_center_data_inputStyle my_center_data_inputStyle_autograph">
                </div>
            </li>
            <li>
                <p class="my_center_data_tip my_center_data_tip_top">经验介绍：</p>
                <div class="my_center_data_main">
                    <textarea type="text"  class="my_center_data_inputStyle my_center_data_inputStyle_experience"></textarea>
                </div>
            </li>
        </ul>
        <p class="save_btn">
            保存
        </p>
        <div class="my_center_data_LOGO">
            <img src="static/img/img_all02.png" alt="" class="my_center_data_LOGOImage">
            <span class="my_center_data_LOGO_replace">更换头像</span>
            <input type="file" class="my_center_data_LOGO_input">
        </div>
    </div>
</section>
<script src="assets/libs/jquery.js"></script>
<script src="assets/libs/laydate/laydate.js"></script>
<script>
$(function(){
    var Newdate = new Date();
    var year = Newdate.getFullYear();
    var month = Newdate.getMonth()+1;
    var day = Newdate.getDate();
    var max = year+'-'+month+'-'+day;
    laydate.render({
        elem: '#date', //指定元素
        max: max,
        theme: '#ff7630',
        position: 'abolute',
        done: function(value, date, endDate){
            console.log(value);
            console.log(date);
        }
    });
})
</script>
<!--<script src="static/js/achievement_choose.js"></script>-->
<script src="static/js/my_center_data.js"></script>
</body>
</html>